<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<title>海量API</title>
		<!-- 1.引入重置样式表 -->
		<link rel="stylesheet" href="../css/reset.css" />
		<!-- 2.引入常态化样式表 -->
		<link rel="stylesheet" href="../css/normalize.css" />
		<!-- 3.引入公共样式 -->
		<link rel="stylesheet" href="../css/common.css" />
		<!-- 当前页面 -->
		<link rel="stylesheet" href="../css/API-index.css" />
	</head>
	<body>
		<!-- 头部 -->
		<header class="flex-c-sb b-box abs">
			<a href="#">
				<h1></h1>
			</a>
			<!-- 导航列表 -->
			<ul class="flex-c-c fc-black">
				<li>
					<a href="index.html" class="fc-black as">首页</a>
				</li>
				<li class="active">API</li>
				<li>云服务</li>
				<li>
					<a href="customer.html" class="fc-black as">案例</a>
				</li>
				<li>开发者</li>
			</ul>
			<!-- 按钮 -->
			<div class="fc-white cp">
				<span
					><a href="login.html" target="_blank" class="fc-gap as">登录</a></span
				>
				<span>注册有礼</span>
			</div>
		</header>
		<!-- 占位 -->
		<section class="placeholder"></section>
		<!-- 主体 -->
		<main>
			<!-- AIP文字和搜索框 -->
			<section class="aiptop pt-50">
				<div class="container aipclass">
					<p>API分类</p>
					<ul id="apilist"></ul>
					<div id="aipinput">
						<strong>全部</strong>
						<img src="../imgs/magnifier.png" alt="" class="aipinput-s" />
						<input type="search" value="身份证实名" />
					</div>
				</div>
			</section>
			<!-- 下面内容盒子 -->
			<section class="aipbt">
				<div class="container">
					<ul id="aipbt-box"></ul>
				</div>
			</section>
			<!-- 页码 -->
			<section class="pagination flex-c-c">
				<ul id="apCardlist">
					<li class="active">1</li>
					<li>2</li>
					<li>3</li>
					<li>4</li>
					<!-- <li>下一页</li> -->
				</ul>
			</section>
		</main>
		<!-- 底部 -->
		<footer>
			<div class="container footer">
				<dl>
					<dt>联系与支持</dt>
					<dd>400-882-7715</dd>
					<dd>售前咨询</dd>
					<dd>客服&售后</dd>
					<dd>常见问题</dd>
					<dd>极速工单</dd>
					<dd>投诉与建议</dd>
				</dl>
				<dl>
					<dt>联系与支持</dt>
					<dd>400-882-7715</dd>
					<dd>售前咨询</dd>
					<dd>客服&售后</dd>
					<dd>常见问题</dd>
					<dd>极速工单</dd>
					<dd>投诉与建议</dd>
				</dl>
				<dl>
					<dt>联系与支持</dt>
					<dd>400-882-7715</dd>
					<dd>售前咨询</dd>
					<dd>客服&售后</dd>
					<dd>常见问题</dd>
					<dd>极速工单</dd>
					<dd>投诉与建议</dd>
				</dl>
				<dl>
					<dt>联系与支持</dt>
					<dd>400-882-7715</dd>
					<dd>售前咨询</dd>
					<dd>客服&售后</dd>
					<dd>常见问题</dd>
					<dd>极速工单</dd>
					<dd>投诉与建议</dd>
				</dl>
				<dl>
					<dt>联系与支持</dt>
					<dd>400-882-7715</dd>
					<dd>售前咨询</dd>
					<dd>客服&售后</dd>
					<dd>常见问题</dd>
					<dd>极速工单</dd>
					<dd>投诉与建议</dd>
				</dl>
				<div class="footerrt">
					<h5>微信公众号</h5>
					<p>源码时代</p>
					<img src="../imgs/wechat-white.png" alt="" />
				</div>
				<div class="container footerbt flex-c-sb">
					<div class="flex-c-c">
						<img src="../imgs/bei1.png" alt="" class="mr-10" />
						<img src="../imgs/bei2.png" alt="" class="mr-10" />
						<p>
							增值电信业务经营许可证：蜀B2-20180596蜀ICP备15006450号-3营业执照
						</p>
					</div>

					<p>源码大数据股份有限公司©版权所有</p>
				</div>
			</div>
		</footer>
		<!-- 蒙层 -->
		<div class="mask">
			<!-- 登录框 -->
			<div class="register">
				<!-- 上面logo -->
				<div class="registerimg">
					<!-- <img src="../imgs/new-logo-white2.png" alt="" /> -->
				</div>
				<!-- 下面文字title -->
				<div class="registertato">
					<a class="active">账号登录</a>
					<a>扫码登录</a>
				</div>
				<!-- form表单 -->
				<form action="index.html" method="post" id="formall">
					<p>
						<i></i>
						<input type="text" placeholder="用户名/手机号/邮箱" />
					</p>
					<p>
						<i></i>
						<input type="password" placeholder="密码" />
					</p>
					<p>忘记密码?</p>
					<button type="submit" value="登录">登录</button>
					<p>
						<span>还没源码账号,&nbsp;&nbsp;</span>
						<a href="#" class="as fc-blue fz-14">立即注册 &gt;</a>
					</p>
				</form>
				<!-- 扫码 -->
				<form class="masktwo">
					<div class="masktwo-box">
						<img src="../imgs/showqrcode.jpg" alt="" />
						<p class="weicat">微信扫码登录</p>
						<p>为关注源码科技公众号，请先关注后在登录</p>
					</div>
					<p class="masktwobt">
						<span>还没源码账号,&nbsp;&nbsp;</span>
						<a href="#" class="as fc-blue fz-14">立即注册 &gt;</a>
					</p>
				</form>
			</div>
		</div>
		<!-- 回到首页 -->
		<div id="back"></div>
		<script src="../js/util.js"></script>
		<script src="../js/API-index.js"></script>
	</body>
</html>
